﻿<!DOCTYPE html>

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>展业海报_一键生成海报_高效展业_免费生成海报网站_私人定制海报网站</title>
    <meta name="keywords" content="  展业海报,吸客海报,房产海报,保险海报，搞笑海报,一键生成海报,每日更新海报,热门海报，一键生成表情包,免费海报">
    <meta name="description" content="  展业海报专门为信贷经理,置业顾问,保险顾问，实时更新热点海报,提供一键生成展业图片，提高业务开展的效率和质量，更提供私人定制服务，花很少钱就能享受到高质量的定制设计服务。">
    <meta name="apple-mobile-web-app-title" content=" 展业海报,吸客海报,房产海报,保险海报，搞笑海报,一键生成海报,每日更新海报,热门海报，一键生成表情包,免费海报">
    <meta content="telephone=no,address=no" name="format-detection">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="x5-page-mode" content="app">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <style>
        #swiperBanner .swiper-pagination-bullet {
            width: 6px;
            height: 6px;
            display: inline-block;
            border-radius: 100%;
        }
    </style>
    <script type="text/javascript">

    </script>
    <link rel="stylesheet" href="{D_PATH}static/css/reset.min.css">
    <link rel="stylesheet" href="{D_PATH}static/css/style_new.css">
    <link rel="stylesheet" href="{D_PATH}static/css/swiper.min.css">

    <style>
        html,body {width: 100%;height: 100%;}
        .ani-layer {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
            position: fixed;
            z-index: 99999;
        }
        .ani-prize-box {
            position: relative;
            width: 280px;
            margin: 0 auto;
            top: 20%;
        }
        .ani-prize-box .ani-prize-pic {
            position: relative;
            width: 280px;
            height: 53.5px;
            background: url({D_PATH}static/images/card_prize_img.png) no-repeat center center;
            background-size: 230.5px 53.5px;
        }
        .ani-prize-box .ani-prize-pic.fail-pic {
            background: url({D_PATH}static/images/card_fail_bg.png) no-repeat center center;
            background-size: 230.5px 53.5px;
        }
        .ani-prize-box .ani-prize-pic.prize-pic {
            background: url({D_PATH}static/images/card_prize_pic.png) no-repeat center center;
            background-size: 230.5px 53.5px;
        }
        .ani-prize-box .ani-prize-close {
            position: absolute;
            right: 0;
            top: 4px;
            width: 21px;
            height: 21px;
            background: url({D_PATH}static/images/card_close_icon.png) no-repeat center center;
            background-size: 21px 21px;
        }
        .ani-prize-box .ani-prize-title {
            line-height: 16px;
            font-size: 13px;
            color: #fdef6d;
            text-align: center;
        }
        .ani-prize-box .card-prize {
            position: absolute;
            top: 18px;
            width: 280px;
            height: 180px;
            background: url({D_PATH}static/images/card_prize_bg.png) no-repeat;
            background-size: 280px 180px;
            opacity: 0;
        }
        .ani-prize-box .ani-prize-card {
            position: relative;
            margin-top: 16px;
        }
        .ani-prize-box .card-item {
            position: absolute;
            width: 85.5px;
            height: 76px;
        }
        .ani-prize-box .fail-card {
            background: url({D_PATH}static/images/card_fail_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .first-card {
            background: url({D_PATH}static/images/card_first_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .second-card {
            background: url({D_PATH}static/images/card_second_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .third-card {
            background: url({D_PATH}static/images/card_third_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .fourth-card {
            background: url({D_PATH}static/images/card_fourth_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .fifth-card {
            background: url({D_PATH}static/images/card_fifth_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .sixth-card {
            background: url({D_PATH}static/images/card_sixth_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .seven-card {
            background: url({D_PATH}static/images/card_seven_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .eight-card {
            background: url({D_PATH}static/images/card_eight_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .nine-card {
            background: url({D_PATH}static/images/card_nine_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .ten-card {
            background: url({D_PATH}static/images/card_ten_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .eleven-card {
            background: url({D_PATH}static/images/card_eleven_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .twelve-card {
            background: url({D_PATH}static/images/card_twelve_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .thirteen-card {
            background: url({D_PATH}static/images/card_thirteen_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .fourteen-card {
            background: url({D_PATH}static/images/card_fourteen_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .left-card {
            background: url({D_PATH}static/images/card_left_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .center-card {
            background: url({D_PATH}static/images/card_center_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .right-card {
            background: url({D_PATH}static/images/card_right_img.png) no-repeat;
            background-size: 85.5px 76px;
        }
        .ani-prize-box .card-use-btn {
            width: 56px;
            height: 17px;
            margin: 52px auto 0;
            background: url({D_PATH}static/images/card_use_btn.png) no-repeat;
            background-size: 56px 17px;
        }
        .ani-prize-box .card-close-btn {
            width: 56px;
            height: 17px;
            margin: 52px auto 0;
            background: url({D_PATH}static/images/card_close_btn.png) no-repeat;
            background-size: 56px 17px;
        }
        @keyframes fadeLeft {
            from {
                opacity: 0;
                transform: translate3d(0, 0, 0);
            }
            to {
                opacity: 1;
                transform: translate3d(-97.25px, 0, 0);
            }
        }
        .fadeLeft {
            animation-duration: 1s;
            animation-fill-mode: both;
            animation-name: fadeLeft;
        }
        @keyframes fadeRight {
            from {
                opacity: 0;
                transform: translate3d(0, 0, 0);
            }
            to {
                opacity: 1;
                transform: translate3d(97.25px, 0, 0);
            }
        }
        .fadeRight {
            animation-duration: 1s;
            animation-fill-mode: both;
            animation-name: fadeRight;
        }
        @keyframes flipY {
            from {
                transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
                top: 0px;
                opacity: 0;
            }
            40% {
                left: 97.25px;
                top: 20px;
            }
            to {
                transform: perspective(400px) rotate3d(0, 1, 0, 0deg) scale(1.5);
                left: 97.25px;
                top: 20px;
                opacity: 1;
            }
        }
        .flipY {
            animation-duration: 1s;
            animation-fill-mode: both;
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
            animation-name: flipY;
        }
        @keyframes flipX {
            from {
                transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
                top: 0px;
                opacity: 1;
            }
            40% {
                left: 97.25px;
                top: 20px;
            }
            to {
                transform: perspective(400px) rotate3d(0, 1, 0, 180deg) scale(1.5);
                left: 97.25px;
                top: 20px;
                opacity: 0;
            }
        }
        .flipX {
            animation-duration: 1s;
            animation-fill-mode: both;
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
            animation-name: flipX;
        }
        @keyframes zoomOut {
            from {
                opacity: 1;
            }
            to {
                transform: scale(.5);
                opacity: 0;
            }
        }
        .zoomOut {
            animation-duration: .2s;
            animation-fill-mode: both;
            animation-name: zoomOut;
        }
        @keyframes zoomIn {
            from {
                transform: scale(.1);
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        .zoomIn {
            animation-duration: 1s;
            animation-fill-mode: both;
            animation-name: zoomIn;
        }

        #swiperBanner .swiper-pagination-bullet-active {
            background: #ed662c;
            border:1px solid #ed662c;
        }
        .swiper-container {
            width: 94%;
        }
        .swiper-container-new {
            width: 100%;
        }
    </style>
    <style>
        html,body{
            height:100%;
        }
        .snow-container {
            position: fixed;
            height: 100%;
            width: 100%;
            /*max-width: 640px;*/
            top: 0;
            overflow: hidden;
            z-index: 9999999;
            pointer-events: none;
        }

        .snow {
            display: block;
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            -webkit-animation: snow linear infinite;
            animation: snow linear infinite;
        }
        .snow.foreground {
            background-image: url({D_PATH}static/images/snow1.png);
            -webkit-animation-duration: 15s;
            animation-duration: 15s;
        }
        .snow.foreground.layered {
            -webkit-animation-delay: 7.5s;
            animation-delay: 7.5s;
        }
        .snow.middleground {
            background-image: url({D_PATH}static/images/snow2.png);
            -webkit-animation-duration: 20s;
            animation-duration: 20s;
        }
        .snow.middleground.layered {
            -webkit-animation-delay: 10s;
            animation-delay: 10s;
        }
        .snow.background {
            background-image: url({D_PATH}static/images/snow3.png);
            -webkit-animation-duration: 30s;
            animation-duration: 30s;
        }
        .snow.background.layered {
            -webkit-animation-delay: 15s;
            animation-delay: 15s;
        }

        @-webkit-keyframes snow {
            0% {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
            100% {
                -webkit-transform: translate3d(15%, 100%, 0);
                transform: translate3d(15%, 100%, 0);
            }
        }

        @keyframes snow {
            0% {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
            100% {
                -webkit-transform: translate3d(15%, 100%, 0);
                transform: translate3d(15%, 100%, 0);
            }
        }
    </style>

    <style>
        .content {
            position: relative;
        }
        .tabbar-box {
            position: fixed;
            left: 0;
            bottom: 0;
            height: 53px;
            background: #fff;
            border-top: 1px solid #dcdcdc;
            z-index: 99;
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }
        .tabbar-item {
            display: block;
            width: 20%;
            line-height: 16px;
            font-size: 1rem;
            color: #747474;
            text-align: center;
        }
        .tabbar-item:before {
            content: '';
            display: block;
            width: 40px;
            height: 32px;
            margin: 0 auto;
        }
        .tabbar-item:nth-child(1):before {
            background: url({D_PATH}static/images/design_icon.png) no-repeat center center;
            background-size: 23.5px 19px;
        }
        .tabbar-item.active:nth-child(2):before {
            background: url({D_PATH}static/images/video_active_icon.png) no-repeat center center;
            background-size: 23px 23px;
        }
        .tabbar-item:nth-child(4):before {
            background: url({D_PATH}static/images/good_icon.png) no-repeat center .55rem;
            background-size: 23.5px 22.5px;
        }
        .tabbar-item:nth-child(5):before {
            background: url({D_PATH}static/images/me_icon.png) no-repeat center center;
            background-size: 21.5px 21px;
        }
        .tabbar-tool {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            padding-top: 32px;
            width: 22%;
            height: 100%;
            line-height: 16px;
            font-size: 1rem;
            color: #747474;
            text-align: center;
        }
        .tabbar-tool:before, .tabbar-tool:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            box-sizing: border-box;
        }
        .tabbar-tool:before {
            z-index: 1;
            top: -25px;
            width: 48px;
            height: 48px;
            background: url({D_PATH}static/images/tool_icon.png) no-repeat center center;
            background-size: cover;
        }
        .tabbar-tool:after {
            top: -30px;
            width: 60px;
            height: 30px;
            background-color: #fff;
            border: 1px solid #dcdcdc;
            border-radius: 60px 60px 0 0;
            border-bottom: 0;
        }
        .mask {
            display: none;
            position: fixed;
            top: 0;
            z-index: 9999;
            overflow: hidden;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, .97);
        }
        .mask h2 {
            margin: 26px 0 0 38px;
            font-weight: normal;
            color: #424242;
            font-size: 26px;
        }
        .mask h4 {
            margin: 2px 0 0 38px;
            font-weight: normal;
            color: #8b8b8b;
            font-size: 15px;
        }
        .mask .nav {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .mask .nav-item {
            width: 33.33%;
            height: 100px;
            text-align: center;
            font-size: 14px;
            line-height: 40px;
            color: #747474;
        }
        .mask .nav-item:nth-child(n+1) {
            margin-top: 10px;
        }
        .mask .nav-item:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 50px;
            height: 50px;
        }
        .mask .nav-item:nth-child(1):before {
            background: url({D_PATH}static/images/h5.png) no-repeat center center;
            background-size: cover;
        }
        .mask .nav-item:nth-child(2):before {
            background: url({D_PATH}static/images/barrage.png) no-repeat center center;
            background-size: cover;
        }
        .mask .nav-item:nth-child(3):before {
            background: url({D_PATH}static/images/putcard.png) no-repeat center center;
            background-size: cover;
        }
        .mask .nav-item:nth-child(4):before {
            background: url({D_PATH}static/images/watermark.png) no-repeat center center;
            background-size: cover;
        }
        .mask .nav-item:nth-child(5):before {
            background: url({D_PATH}static/images/businesscard.png) no-repeat center center;
            background-size: cover;
        }
        .mask .nav-item:nth-child(6):before {
            background: url({D_PATH}static/images/release.png) no-repeat center center;
            background-size: cover;
        }
        .mask .btn-close {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 32px;
            margin: 0 auto;
            width: 40px;
            height: 40px;
        }
        .mask .btn-close i {
            display: block;
            height: 100%;
            background: url({D_PATH}static/images/close.png) no-repeat center center;
            background-size: 16px;
        }
        .negative-close {
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transition: all .3s;
            -webkit-transition: all .3s;
        }
        .positive-close {
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transition: all .3s;
            -webkit-transition: all .3s;
        }
    </style>  </head>
<body>



<div class="search-box inner-box clearfix" id="search-box">
    <div class="search-input fl">
        <input id="search" type="text" placeholder="关键词" value="{$_GPC['keywords']}">
    </div>
    <button class="search-btn fr">搜索</button>
</div>
<div class="swiper-container swiper-box" id="swiperBanner">
    <div class="swiper-wrapper">
        {loop $tou $vo}
        <div class="swiper-slide">
            <a  href="{$vo['url']}">
                <img src="{$_W['attachurl']}{$vo['logo']}" >
                <!--<div class="swiper-lazy-preloader"></div>-->

            </a>
        </div>
        {/loop}
    </div>
    <div class="swiper-pagination"></div>
</div>

<div class="horn-box inner-box clearfix">
    <div class="horn-icon fl"></div>
    <div class="horn-text fl" id="srcollBox">
        <!--<div class="horn-scroll-text" id="startScroll"><span>总模板数: 5466</span><span>一周新增模板: 4</span><span>总生成量: 11080998</span><span>一周生成量: 6888</span></div>-->
        <div class="horn-scroll-text" id="startScroll"><span>测试版本</span></div>
        <div class="horn-scroll-text" id="endScroll"></div>
    </div>
</div>




<div class="nav-box inner-box">
    <div class="swiper-container swiper-container-new swiper-box" id="swiperNav">
        <div class="swiper-wrapper">


            <div class="swiper-slide clearfix">

                <!--<a href="{php echo $this->createMobileUrl('index',['id'=>-1,'op'=>'index']);}" class="nav-item {if $_GPC['id']==-1 || empty($_GPC['id'])}active{/if} fl">
                    <span class="icon"></span>
                    <span class="text">最新</span>
                </a>
                <a href="{php echo $this->createMobileUrl('index',['id'=>-2,'op'=>'index']);}" class="nav-item {if $_GPC['id']==-2 }active{/if} fl">
                    <span class="icon"></span>
                    <span class="text">最热</span>
                </a>-->
                {loop $categorylist $index $vo}
                <a href="{php echo $this->createMobileUrl('index',['id'=>$vo['id'],'op'=>'index','fcategory'=>$fcategory]);}" class="nav-item {if $_GPC['id']==$vo['id'] }active{/if} fl">
                    <span class="icon"></span>
                    <span class="text">{$vo['name']}</span>
                </a>
                <style>
                    .nav-box .swiper-slide:nth-child(1) .nav-item:nth-child({php echo $index+3}) .icon {
                        background: url({$_W['attachurl']}{$vo['thumb']}) no-repeat center center;
                        background-size: 25px 21.5px;
                    }
                    .nav-box .swiper-slide:nth-child(1) .nav-item.active:nth-child({php echo $index+3}) .icon {
                        background: url({$_W['attachurl']}{$vo['thumb2']}) no-repeat center center;
                        background-size: 32px 32px;
                    }
                </style>
                {/loop}
            </div>




        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>


<div class="list-box" id="list-box">
    <div class="list-nav clearfix">
        <a href="{php echo $this->createMobileUrl('index',['type'=>'all','op'=>'index','fcategory'=>$fcategory]);}" class="nav-item {if $_GPC['type']=='all'} active{/if} fl">全部海报</a>
        <a href="{php echo $this->createMobileUrl('index',['type'=>'free','op'=>'index','fcategory'=>$fcategory]);}" class="nav-item {if $_GPC['type']=='free'}active{/if} fl">免费海报</a>
        <a href="{php echo $this->createMobileUrl('index',['type'=>'vip','op'=>'index','fcategory'=>$fcategory]);}" class="nav-item {if $_GPC['type']=='vip'}active{/if} fl">VIP专区</a>
    </div>

    <div class="list-subnav inner-box clearfix">
        <a href="{php echo $this->createMobileUrl('index',['id'=>$_GPC['id'],'type'=>$_GPC['type'],'op'=>'index','order'=>'gx','fcategory'=>$fcategory]);}" class="subnav-item {if $_GPC['order']=='gx' || empty($_GPC['order'])}active{/if} fl" style="width:50%">按更新</a>
        <a href="{php echo $this->createMobileUrl('index',['id'=>$_GPC['id'],'type'=>$_GPC['type'],'op'=>'index','order'=>'xl','fcategory'=>$fcategory]);}" class="subnav-item {if $_GPC['order']=='xl'}active{/if} fl" style="width:50%">按销量</a>
       <!-- <a href="{php echo $this->createMobileUrl('index',['id'=>$_GPC['id'],'type'=>$_GPC['type'],'op'=>'index','order'=>'jg']);}" class="subnav-item {if $_GPC['order']=='jg'}active{/if} fl">按价格</a>-->
    </div>

    <div class="list-container inner-box clearfix">

        {loop $list $vo}
       <a href="{php echo $this->createMobileUrl('index',['id'=>$vo['id'],'op'=>'detail']);}" class="list-item" target="_blank">
            <div class="poster-item-pic">
                <img src="{$_W['attachurl']}{$vo['img']}" alt="{$vo['name']}">
            </div>
            <div class="poster-item-desc">
                <div class="poster-item-title clearfix">
                              <span class="text ellipsis fl">{$vo['name']}</span>
                </div>
                <div class="poster-item-info clearfix">
                    {if $vo['free']==0}
                    <span class="free fl">免费</span>
                    {else}
                    <span class="vip fl">免费</span>
                    {/if}

                    <span class="star fr">{$vo['view']}</span>
                </div>
            </div>
        </a>
        {/loop}


</div>
    <div class="loading-text">加载中...</div>
</div>





{template 'footer'}




<input type="hidden" id="page" name="page" value="2">

<script data-cfasync="true" src="{D_PATH}static/js/jquery-1.11.2.min.js"></script>

<script data-cfasync="true" src="{D_PATH}static/js/swiper.jquery.min.js"></script>
<script src="{D_PATH}static/js/clipboard.js"></script>
<script src="{D_PATH}static/js/jquery.easing.1.3.js"></script>




<script data-cfasync="true">
    var active_images="0";
    var is_set_info=0;
    $(function(){


        new Swiper('#swiperBanner', {
            autoplay : 3000,
            pagination: '.swiper-pagination',
            effect : 'coverflow',
            loop : true,
            autoHeight: true, //高度随内容变化
//              lazyLoading : true,
            paginationClickable :true,

        });

        new Swiper('#swiperTools', {
            autoplay : 3000,
            pagination: '.swiper-pagination',
            effect : 'fade',
            loop : true,
            autoHeight: true, //高度随内容变化
//              lazyLoading : true,
            paginationClickable :true,

        });

        new Swiper('#swiperVip', {
            autoplay : 1500,
            autoplayDisableOnInteraction: false,
            loop : true,
        });
        new Swiper('#swiperNew',{
            autoplay : 5000,
            effect : 'fade',
            loop : true,}
        );
        new Swiper('#swiperHot',{
            autoplay : 5000,
            effect : 'fade',
            loop : true,});
        var navIndex = $('#swiperNav .nav-item.active').parent().prevAll().length;
        new Swiper('#swiperNav', {
            initialSlide: navIndex,

            pagination: '.swiper-pagination',
            paginationClickable :true,
        });



        var winH = $(window).height();
        var docH = $(document).height();
        var searchH = $('.search-box').height();
        var bannerH = $('#swiperBanner').height();
        var recommendH = $('.recommend-box').height();
        var totalH = searchH + bannerH + recommendH + 165;
        var moreH = docH - winH - 100;
        var initH = 0;
        var isLoading = true;
        $(window).scroll(function(){
            var scrollTop = $(document).scrollTop();
            if(scrollTop > totalH && scrollTop-initH < 0 && scrollTop < moreH){
                $('.list-box').css('margin-top', '165px');
                $('.nav-box').css({'position': 'fixed', 'top': '0', 'margin-top': '0','z-index':'99'});
                $('.poster-sign-btn').show();
                $('.poster-raffle-btn').show();
                $('#snow-container').hide()
            }else{
                $('.list-box').css('margin-top', '6px');
                $('.nav-box').css({'position': 'relative', 'top': '0', 'margin-top': '6px'});
                $('.poster-sign-btn').hide();
                $('.poster-raffle-btn').hide();
                $('.poster-vip-btn').hide();
                $('#snow-container').show()
            }
            initH = scrollTop;
            // 分页加载

            var id="{$_GPC['id']}";
            var order="{$_GPC['order']}";
            var type="{$_GPC['type']}";
            var page=$("#page").val();
            if(scrollTop > moreH && isLoading){
                isLoading = false;
                $.ajax({
                    type: "GET",
                    url: "{php echo $this->createMobileUrl('index',array('op'=>'ajaxlist'));}",
                    data:{ "id":id, "order":order, "type":type, "page":page},
                    success: function(res){
                        setTimeout(function(){
                            var data = JSON.parse(res);
                            if(data.length>0){
                                $("#page").val(parseInt($("#page").val())+1);
                                var html = '';
                                var is_napa_all="0";
                                for(var i=0;i<data.length;i++){
                                    var section = data[i];
                                    if(is_napa_all==1 && section.is_napa==0){
                                    }else {
                                        html += '<a href="{php echo $this->createMobileUrl("index",["op"=>"detail"]);}&id=' + section.id + '" class="list-item" target="_blank">' +
                                            '<div class="poster-item-pic">' +
                                            '<img src="{$_W["attachurl"]}' + section.img + '?v=1.0.0" alt="' + section.name + '">';
                                        if (active_images == 1) {
                                            html += ' <div class="poster-mark-icon"></div>'
                                        }
                                        html += '</div>' +
                                            '<div class="poster-item-desc">' +
                                            '<div class="poster-item-title clearfix">' +
                                            '<span class="text ellipsis fl">'  + section.name + '</span>' +
                                            '</div>' +
                                            '<div class="poster-item-info clearfix">';
                                        if (section.free == 1) {

                                                html += '<span class="vip fl">免费</span>';

                                        } else {
                                            html += '<span class="free fl">免费</span>';
                                        }
                                        html += '<span class="star fr">' + section.view + '</span>' +
                                            '</div>' +
                                            '</div>' +
                                            '</a>';
                                    }
                                }
                                $('.list-container').append(html);
                                docH = $(document).height();
                                moreH = docH - winH - 100;
                                isLoading = true;
                            }else if(data == 1 ||data.length==0){
                                $('.loading-text').html('加载完毕！');
                            }else{
                                alert('网络出现异常！');
                            }
                        }, 1000);

                    }
                })

            }
        });
        // 搜索
        $('.search-btn').on('click', function(){
            var searchVal = $('#search').val();
            location.href = "{php echo $this->createMobileUrl('index',['type'=>'all','op'=>'index']);}&keywords="+searchVal;
        });
        $('#search').on('keyup',function() {
            var len = document.getElementById('search').value;
            if(len == ''){
                $('#search').css('background','');
            }else{
                $('#search').css('background','url({D_PATH}static/images/search_icon.png) no-repeat 43% center');
            }
        });
    });

    $(".tabbar-tool").on('click', function(e) {
        e.preventDefault();
        $(".mask").show();
        $(".tabbar-box").hide();
        $(".mask .nav").animate({
            bottom: '+100px', opacity: 1
        }, 500, "easeInOutElastic");
        $(".mask .btn-close i").removeClass().addClass('negative-close')
    })
    $(".mask .btn-close").on('click', function(e) {
        e.preventDefault();
        $(".mask .nav").animate({
            bottom: 0, opacity: 0
        }, 500, "swing", function() {
            $(".mask").hide();
            $(".tabbar-box").show();
        });
        $(".mask .btn-close i").removeClass().addClass('positive-close')
    })




    function scrollLeft() {
        var speed = 30;
        var startScroll = document.getElementById("startScroll");
        var endScroll = document.getElementById("endScroll");
        var srcollBox = document.getElementById("srcollBox");
        endScroll.innerHTML = startScroll.innerHTML;
        function marquee() {
            if (endScroll.offsetWidth - srcollBox.scrollLeft <= 0) srcollBox.scrollLeft -= startScroll.offsetWidth;
            else srcollBox.scrollLeft++;
        }
        setInterval(marquee, speed);
    }
    scrollLeft();
</script>

<script>
    var bannerH = $('.header-nav-box').height();
    var navH = $('.list-subnav').height();
    var totalH = bannerH + navH;
    $(window).scroll(function(){
        var scrollTop = $(document).scrollTop();
        if (scrollTop > totalH) {
            $('.friend-subnav').show()
        } else {
            $('.friend-subnav').hide()
        }
    })
    var picHeight=Math.floor((document.body.clientWidth/3.53)*1.76)
    $('.poster-item-pic').css('height',picHeight)
</script>

</body></html>